<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div style="width: 300px;height: 300px;background-color: skyblue;">
        阿斯顿发士大夫撒地方
    </div>
    <script>
        /* 
          
        1. 开始触摸 
            touchstart 

        2. 触摸移动
            touchmove

        3. 触摸结束
            touchend  手指离开触摸屏
        
        */


        var divele = document.querySelector('div');


        divele.ontouchstart = function(){
            console.log('开始触摸');
        }

        divele.ontouchmove = function(){
            console.log('触摸移动');
        }


        divele.ontouchend = function(){
            console.log('触摸结束');
        }
    </script>

   

</body>
</html>